.jia-zai{
  width: 100%;
  height: 100%;
  background-color: #eeeeee;
  z-index: 22;
  top: 0;
  position: fixed;
  text-align: center;
  padding-top: 50%;
  font-size: 40rpx;
  color: #ffffff;
}
.ball-pulse {
  view {
    background-color: #bdbdbd;
    width: 20rpx;
    height: 20rpx;
    border-radius: 100%;
    margin: 4rpx;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    &:nth-child(0){
      animation: preloader 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08); 
    }
    &:nth-child(1) {
      animation: preloader 1s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08); 
    }
    &:nth-child(2) {
      animation: preloader 1s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08); 
    }
    &:nth-child(3) {
      animation: preloader 1s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08); 
    }
    &:nth-child(4) {
      animation: preloader 1s 0.58s infinite cubic-bezier(.2, .68, .18, 1.08); 
    }
    &:nth-child(5) {
      animation: preloader 1s 0.70s infinite cubic-bezier(.2, .68, .18, 1.08); 
    }
  }
}
// 缩放
@keyframes scale {
  0% {
    transform: scale(1);
    opacity: 1; }

  45% {
    transform: scale(0.1);
    opacity: 0.7; }

  80% {
    transform: scale(1);
    opacity: 1; 
  } 
}
// 抖动
@keyframes preloader {
  0% {
    opacity: 0.3; 
    transform:translateY(0rpx);
    box-shadow: 0rpx 0rpx 6rpx rgba(0, 0, 0, 0.1);
  }
  50% {
    opacity: 1; 
    transform: translateY(-20rpx); 
    background:#FDDE03;	
    // background: linear-gradient(0deg, #FFF733 100%, #FDDE03 100%, #FDA623 60%);
    box-shadow: 0rpx 40rpx 6rpx rgba(0, 0, 0, 0.05);
  }
  100%  {
    opacity: 0.3; 
    transform:translateY(0rpx);	
    box-shadow: 0rpx 0rpx 6rpx rgba(0, 0, 0, 0.1);
  }
}